<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"
        >
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>
    <title>山寨百度界面</title>
    <style type="text/css">
        /*body {background-color: yellow}*/
    </style>
    <style>
        div.cites{
            background-color: black;
            color:white;
            margin: 20px;
            padding: 20px;
        }
    </style>
    <style>
        div.mysec{
            background-color: black;
            color:white;
            margin: 20px;
            padding: 20px;
        }
    </style>
    <style>
        span.myspan{
            color: #fff7b5;
        }
    </style>
    <style>
        div#header {
            background-color:black;
            color:white;
            text-align:center;
            padding:5px;
        }
    </style>
</head>

<body>
    <form  method="get" action="html_learn4.html">
        <textarea rows="10" cols="30" name="test">
            测试信息
        </textarea>
        <br>
        <input type="text" value="text_value" name="hello" readonly>
        <br>
        <input type="submit" value="submit">
        <br>
        <button type="button" value="button" onclick="">button </button>
    </form>



    <form method="get" action="html_learn4.html">
        <select name="cars">
            <option value="volvo_value"> volvo</option>
            <option selected> wwww </option>
        </select>
        <input type="submit" value="submit">
    </form>

    <br>

    <form action="html_learn4.html">
        <fieldset>
            <legend>Personal information:</legend>
            First name:<br>
            <input type="text" name="firstname" value="Mickey">
            <br>
            Last name:<br>
            <input type="text" name="lastname" value="Mouse">
            <br><br>
            <input type="submit" value="Submit"></fieldset>
    </form>

    <form action="html_learn4.html">
        First Name:
        <br>
        <input type="text" name="firstname">
        <br>
        性别：
        <br>
        <input type="radio" checked name="sex" value="male"> Male
        <br>
        <input type="radio" name="sex" value="female"> Female
        <br>
        <input type="submit" name="submit" value="提交">
    </form>

    <img src="baidu.png" width="540" height="258" alt="" align="top">
    </img>

    <h1 align="center">我是一个标题</h1>
    <h2>我也是一个标题</h2>
    <h3>我是一个标题</h3>
    <h4>我也是一个标题</h4>


    <p> body 我在浏览器中显示</p>
    <p> body 我在浏览器中显示</p>
    测试
    <p />
    测试
    <br />

    <!--在这里建立一个横杠杠-->
    <hr />
    <a href="http://www.hao123.com" target="_blank"> 我是一个链接 </a>
    <p> </p>

    <p>
        春眠不觉晓，
        <br />
        处处闻啼鸟。
        夜来风雨声，
        花落知多少。
    </p>

    <pre>
        for(int i = 0; i < 100; i ++){
            printf("hello,world\n");
        }
    </pre>
    <address>
        山东省济南市高新区
        浪潮路1036号浪潮集团
        王磊杰
    </address>

    <abbr title="etcetera">etc.</abbr>
    <acronym title="World Wide Web">WWW</acronym>

    <p> 我们的目标是:
        <q>
            努力学习。
        </q>
    </p>
    <p>我们的目标是：
        <blockquote>
            努力学习
        </blockquote>
    </p>
    <smap>
        demo.example.com login: Apr 12 09:10:17
        Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
    </smap>

    <table border="1">
        <caption> ........ </caption>
        <tr>
            <th> 我是表格头</th>
            <th> 看来需要两个 </th>
        </tr>
        <tr>
            <td> 1 </td>
            <td> 2 </td>
        </tr>
        <tr>
            <td> 3 </td>
            <td> 4 </td>
        </tr>
    </table>

    <ul>
        <li> 1 </li>
        <li> 2 </li>
    </ul>

    <ol>
        <li> 2 </li>
        <li> 3 </li>
    </ol>
    <div style="color: green">
        <p> 段落 </p>
    </div>
    <div class="cites">
        <h2>Tokyo</h2>
        <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
            and the most populous metropolitan area in the world.</p>
    </div>
    <div class="mysec">
        <h2>Tokyo</h2>
        <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
            and the most populous metropolitan area in the world.</p>
    </div>
    <p>  我 <span class="myspan"> 是个好人</span> </p>

    <div id="header">
        我是一个好人
    </div>
</body>

</html>